<?php
	//if (!isset($_SESSION)) { session_start(); }
  // Datos extraidos
  $lenguaje = 'es';
  //Archivos incluidos despues de la verficacion por seguridad.
  include_once('../../includes/fk_php/Connections/connection.php');
  
  switch($lenguaje): // Selecion de lenguaje de la apliacion
	case 'es': include_once('../../includes/fk_php/lenguaje_es(v2).php'); $DB_lenguaje = 'nom_es';
		break;
	case 'en': $DB_lenguaje = 'nom_en'; break;
  endswitch;

?>

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
		.add {
            background-image:url(../../fk_skin/add.gif) !important;
        }
        .remove {
            background-image:url(../../fk_skin/delete.gif) !important;
        }
		.buscar {
            background-image:url(../../fk_skin/buscar.gif) !important;
        }
		.refresh {
            background-image:url(../../fk_skin/refresh.png) !important;
        }
	</style>
  <link rel="stylesheet" type="text/css" href="../../includes/extjs/resources/css/ext-all.css" />
  <!-- LIBS -->
  <script type="text/javascript" src="../../includes/extjs/adapter/ext/ext-base.js"></script>
  <!-- ENDLIBS -->
  <script type="text/javascript" src="../../includes/extjs/ext-all.js"></script>
  <!--	EDITOR GRID --->
  <script type="text/javascript" src="../../includes/extjs/src/widgets/grid/EditorGrid.js"></script>
  
  <script type="text/javascript" src="../../includes/extjs/src/locale/ext-lang-<?=$lenguaje?>.js"></script>
  <script type="text/javascript">
//-------------------------------------------------------    
	Ext.onReady(function(){
		Ext.BLANK_IMAGE_URL = '../../includes/extjs/resources/images/default/s.gif';
		Ext.QuickTips.init(); 
		Ext.form.Field.prototype.msgTarget = 'side';
		//Funcionalidad de Boton de busqueda
		
		
	//Arreglo bidimensional de datos 
	var storegrid = new Ext.data.JsonStore({ // asignandole a la propiedad json la data
		url: 'mod_vehiculos.php',
		root: 'data',
		fields: ['idcliente','iddepto','nomdepto','nombre','direccion','telefono','fax','correo','paginaweb','comentario','estado','codpais','nompais','creditofiscal','nit','registono','giro']
	});  
	
	//storegrid.load({params:{buscar:'todos'}});
	
		var store_vehiculos= new Ext.data.JsonStore({  
			url:'../MAESTROS/mod_veh_grid.php',  
			root: 'data',  
			totalProperty: 'total',  
			fields: [  
				{name:'codplaca', type: 'string'},  
				{name:'placa', type: 'string'}
			]  
		});
		store_vehiculos.load({params:{buscar:'todos'}});
		
		
		var store= new Ext.data.JsonStore({  
			url:'../MAESTROS/mod_veh_grid.php',  
			root: 'data',  
			totalProperty: 'total',  
			fields: [  
				'placa',
			{name:'idpropietario', type: 'int'},
			{name:'idclase', type: 'int'},
			'modelo','marca','chasis','tarjeta','anio','color','numeromotor','estado','motor','tipo','fechavencimiento','propietario','clase'
			]  
		});
		
		store.on('load', function(store, records, options) 
		{ 
		  var fieldValue; 
		  store.each(function(record)   
		  {   
				Ext.getCmp('anio').setValue(record.data.anio);
				Ext.getCmp('chasis').setValue(record.data.chasis);
				Ext.getCmp('claseCmb').setValue(record.data.idclase);
				Ext.getCmp('color').setValue(record.data.color);
				Ext.getCmp('estado').setValue(record.data.estado);
				Ext.getCmp('fechavencimiento').setValue(record.data.fechavencimiento);
				Ext.getCmp('propietarioCmb').setValue(record.data.idpropietario);
				Ext.getCmp('marcaCmb').setValue(record.data.marca);
				Ext.getCmp('modelo').setValue(record.data.modelo);
				Ext.getCmp('motor').setValue(record.data.motor);
				Ext.getCmp('numeromotor').setValue(record.data.numeromotor);
				Ext.getCmp('tarjeta').setValue(record.data.tarjeta);
				Ext.getCmp('placa').setValue(record.data.placa);
				
				storeaceites.load({params:{placa:record.data.placa}});
				storellantas.load({params:{placa:record.data.placa}});
				
		  }, this); 
		}); 
		
	var mySelectionModel = new Ext.grid.CheckboxSelectionModel({singleSelect: false});
	
		function llenar_general(placa){
				store.load({params:{buscar:placa}});
				/*store.each(function(rec) {
						Ext.getCmp("form-general").getForm().loadRecord(rec);
				});*/
		}
	
		var store_marcas = new Ext.data.JsonStore({  
			url:'../MAESTROS/parametros.php',  
			root: 'data',  
			totalProperty: 'total',  
			fields: [  
				{name:'idtipo', type: 'string'},  
				{name:'nombretipo', type: 'string'}
			]  
		});
		
		store_marcas.load({params:{para:'MARCAS'}});
	
	
		var store_propietario= new Ext.data.JsonStore({  
			url:'../MAESTROS/stores_p.php',
			root: 'data',
			totalProperty: 'total',
			fields: [
				{name:'Idmenu', type: 'int'},  
				{name:'Nombremenu', type: 'string'}
			]
		});
		store_propietario.load({params:{SP:'SP_PROPIETARIO'}});
		
		var store_carga= new Ext.data.JsonStore({  
			url:'../MAESTROS/mod_tipocaraga_grid.php',  
			root: 'data',  
			totalProperty: 'total',  
			fields: [  
				{name:'idcarga', type: 'int'},  
				{name:'descripcion', type: 'string'}
			]  
		});
		store_carga.load({params:{buscar:'todos'}});
	
	//Arreglo bidimensional de datos 
	var storesolicitudes = new Ext.data.JsonStore({ // asignandole a la propiedad json la data
		url: 'mod_viajes_grid.php',
		root: 'data',
		fields: [
			'idsolicitud',
			'placacabezal',
			'placafurgon',
			'fechaingreso',
			'fechasalida',
			'horasalida',
			'pais',
			'estadoCmb','tipoCmb'
			]
	});
	
	storesolicitudes.load({params:{buscar:'todos'}});
	
	var mySelectionModel = new Ext.grid.CheckboxSelectionModel({singleSelect: false});
	

	function borrarsolicitudes(){
			Ext.MessageBox.confirm('<?=Title_confirmacion ?>', '<?=PrgAdmin_002?>', function(btn){
				if(btn === 'yes'){
					var selections = gridsolicitudes.selModel.getSelections();
					Ext.each(selections,function(record){
						id = record.get('idsolicitud');
						storesolicitudes.load({params:{buscar:'todos',proceso:'del',ident:id}});
					});
				}
			});
	};
	
	var mySelectionModelA = new Ext.grid.CheckboxSelectionModel({singleSelect: false});
	
	var gridsolicitudes = new Ext.grid.EditorGridPanel({
		store: storesolicitudes,
		collapsible: true,
		frame: true,
		width:  '100%',
		clicksToEdit: 2,
		stripeRows: true,
		autoScroll: true,
		border: false,
		loadMask: true,
		sm: mySelectionModelA, //referencia al selectionModel
		columns: [
			new Ext.grid.CheckboxSelectionModel(),  
			{
				id			: 'idsolicitud',
				dataIndex	: 'idsolicitud',
				header		: 'Solicitud',
				hidden		: true,
				width		: 100,
				sortable	: true
			},
			{
				id			: 'placacabezal',
				dataIndex	: 'placacabezal',
				header		: 'Placa Cabezal',
				width		: 100,
				sortable	: true
			},
			{
				id			: 'placafurgon',
				dataIndex	: 'placafurgon',
				header		: 'Placa Furgon',
				width		: 100,
				sortable	: true
			},
			{
				dataIndex	: 'fechaingreso',
				header		: 'Fecha Ingreso',
				width		: 100,
				sortable	: true
			},
			{
				dataIndex	: 'fechasalida',
				header		: 'Fecha Salida',
				width		: 100,
				sortable	: true
			},
			{
				dataIndex	: 'horasalida',
				header		: 'Hora Salida',
				width		: 100,
				sortable	: true
			},
			{
				dataIndex	: 'pais',
				header		: 'Pais',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'estadoCmb',
				header		: 'Estado',
				width		: 100,
				sortable	: true
			},
			{
				dataIndex:'tipoCmb',
				hidden		: true,
				header		: 'Tipo'
			}
			],tbar: [
			'->',
				{
                    text: 'Borrar',
                    tooltip: 'Click para eliminarlo',
                    handler: borrarsolicitudes,
                    iconCls:'remove'
                }
            ]
	});
	
	
	
	gridsolicitudes.on({
		'dblclick': 	{
				fn: function(){
					var selections = this.selModel.getSelections();
					Ext.each(selections,function(records){ 
						Ext.getCmp('actualizar').setValue('1');
						Ext.getCmp('form-general').getForm().loadRecord(records);
					});
				}
		}
	});	
	
	
	Ext.apply(Ext.form.VTypes,{
				uppercase:function(val,field) {      
						var texto = val;
						texto = Ext.util.Format.uppercase(texto);
						field.setRawValue(texto);
						return true;          
						  }
	});
	
	var form = new Ext.form.FormPanel({
    border: false,
	renderTo: 'grid-div',
    bodyStyle: 'background-color: transparent !important',            
    layout: 'fit',
	store:store,
	id:'form-general',
	width:"100%",
	height:"auto",
    items: [
    {
        xtype: 'tabpanel',
        activeTab: 0,
        bodyStyle: 'background-color: transparent !important',
        deferredRender: false,
        defaults: {
            bodyStyle: 'padding: 4px; background-color: transparent !important',
            layout: 'form',
            autoScroll: true
        },
        items: [
				{
					title: 'Ingreso de Solicitudes',
					items: [
							{
								xtype: 'fieldset',
								title: 'Solicitudes',
								collapsible: true,
								height:400,
								items:[	
										{
											layout:'column',
											border: false,
											items:[
												{
													columnWidth:.5,
													layout:'form',
													border: false,
													items: [
														{
															xtype: 'textfield',
															fieldLabel: '<b>Placa Cabezal<font color="#EC9001">*</font></b>',
															labelStyle: 'font-size:10px;',
															name: 'placacabezal',
															id:'placacabezal',
															allowBlank  : false,
															vtype:'uppercase',
															width: 200
														}
													]
												},
												{
													columnWidth:.5,
													layout:'form',
													border: false,
													items: [
														{
															xtype: 'textfield',
															fieldLabel: '<b>Placa Furgon<font color="#EC9001">*</font></b>',
															labelStyle: 'font-size:10px;',
															name: 'placafurgon',
															id:'placafurgon',
															allowBlank  : false,
															vtype:'uppercase',
															width: 200
														}
													]
												},
												{
													columnWidth:.5,
													layout:'form',
													border: false,
													items: [
														{
															xtype       : 'combo',
															id          : 'cargaCmb',
															fieldLabel  : '<b>Carga<font color="#EC9001">*</font></b>',
															labelStyle  : 'font-size:10px;',
															hiddenName  : 'idcarga',  
															name        : 'idcarga',  
															loadingText : "Cargando...",
															emptyText   : "Carga de Furgon...",
															mode        : 'local', 
															allowBlank  : true,
															triggerAction : 'all',
															width       : 200,  
															displayField: 'descripcion',  
															valueField  : 'idcarga',
															store		: store_carga
														}
													]
												},
												{
														columnWidth:.5,
														layout:'form',
														border: false,
														items: [
															{
																xtype		: 'datefield',
																fieldLabel	: '<b>Fecha de Salida<font color="#EC9001">*</font></b>',
																labelStyle	: 'font-size:10px;',
																name		: 'fechasalida',
																allowBlank  : false,
																format		: 'd/m/Y H:i',
																id			: 'fechasalida',
																width		: 200
															}
														]
												},
												{
													columnWidth:.5,
													layout:'form',
													border: false,
													items: [
														{
															xtype       : 'combo',
															id          : 'tipoCmb',
															fieldLabel  : '<b>Tipo Viaje<font color="#EC9001">*</font></b>',
															labelStyle  : 'font-size:10px;',
															hiddenName  : 'tipo',  
															name        : 'tipo',  
															loadingText : "Cargando...",
															emptyText   : "Seleccione tipo Viaje",
															mode        : 'local', 
															triggerAction : 'all',
															allowBlank  : false,
															width       : 200,  
															displayField: 'nombretipo',  
															valueField  : 'idtipo',
															store 		: new Ext.data.SimpleStore({  
															id      : 0 ,  
															fields  : [  'idtipo', 'nombretipo' ],  
																data    : [  
																			['I', 'IDA'],
																			['V', 'VUELTA'],
																			['IV', 'IDA-VUELTA']
																		]
															})
														}
													]
												},
												{
														columnWidth:.5,
														layout:'form',
														border: false,
														items: [
															{
																xtype       : 'combo',
																id          : 'estadoCmb',
																fieldLabel  : '<b>Estado<font color="#EC9001">*</font></b>',
																labelStyle  : 'font-size:10px;',
																hiddenName  : 'idestado',  
																name        : 'idestado',  
																loadingText : "Cargando...",
																emptyText   : "Estado...",
																mode        : 'local', 
																value		: 'PLANIFICADO',
																allowBlank  : false,
																triggerAction : 'all',
																width       : 200,  
																displayField: 'nombretipo',  
																valueField  : 'idtipo',
																store 		: new Ext.data.SimpleStore({  
																id      	: 0 ,  
																fields  	: [  'idtipo', 'nombretipo' ],  
																	data    : [  
																				['PLANIFICADO', 'PLANIFICADO']
																			]
																})
															},
															{
																xtype: 'hidden',
																name: 'actualizar',
																id: 'actualizar',
																value:0
															},
															{
																xtype: 'hidden',
																name: 'idsolicitud',
																id: 'idsolicitud'
															}
														]
												}
												]//Fin de las columnas
										}
								]
							}
						]
				}, 
				{
					title: 'Vista de Solicitudes',
					id:'gridaceite',
					items: [gridsolicitudes]
				}
		]
    }],
	buttons:[
		{
		   text		: 'Limpiar',
		   name		: 'btnReset', 
		   handler	: function(){
				form.getForm().reset();
			}
		},
		{
		   text		: 'Guardar',
		   name		: 'btnGuardar', 
		   handler	: function(){
				if (form.getForm().isValid()){
					form.getForm().submit({
							//Parametros para el envio
							url: 'login_solicitud.php',
							method: 'POST',
							//Mascaras
							waitTitle: 'Conectando',
							waitMsg: 'Validando formulario..',
							//Envio Exitoso
							success: function(form, action){
								Ext.Msg.minWidth = 400;
								Ext.Msg.show({
										   title:'Conexi&oacute;n Exitosa',
										   msg: action.result.msg,
										   buttons: Ext.Msg.OK,
										   icon: Ext.Msg.INFO,
										   fn: function(){
												Ext.getCmp('form-general').getForm().reset();
												storesolicitudes.load({params:{buscar:'todos'}});
										   }
								});
							},
							//Envio fallido
							failure: function(form, action){
								//Erro data
								if (action.failureType == 'server') {
									var data = Ext.util.JSON.decode(action.response.responseText);
									Ext.Msg.alert('conexi&oacute;n Fallida', data.errors.reason, function(){
										txtUsuario.focus(true, 100);
									});
								}
								//Error archivo
								else {
									Ext.Msg.alert('Error!', 'El servidor de autenticacion es inalcanzable : ' + action.response.responseText);
								}
							}
							
						});
				}
			}
		}
	]
});		
});
		
</script>
  <!-- 	Estilo interno -->
  <style type="text/css">
  body,td,th {
  font-family: Verdana, Geneva, sans-serif;
  }
  .x-grid3-scroller {
		/*overflow-y: scroll;*/
		height:394px;
		width:"100%";
   }
  </style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<div id="grid-div" ></div>
</body>
</html>